<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta name="description" content="Responsive Admin Template"/>
    <meta name="author" content="SmartUniversity"/>
    <title>Spice Hotel | Bootstrap 4 Admin Dashboard Template + UI Kit</title>
    <!-- google font -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet" type="text/css"/>
    <!-- icons -->
    <link th:href="@{/assets/plugins/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" th:href="@{/assets/plugins/iconic/css/material-design-iconic-font.min.css}">
    <!-- bootstrap -->
    <link th:href="@{/assets/plugins/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
    <!-- style -->
    <link rel="stylesheet" th:href="@{/assets/css/pages/extra_pages.css}">
    <!-- favicon -->
    <link rel="shortcut icon" th:href="@{/assets/img/favicon.ico}"/>
</head>
<body>
<div class="limiter">
    <div class="container-login100 page-background">
        <div class="wrap-login100">
            <form class="login100-form validate-form" th:action="@{/user/register}" th:method="post">
					<span class="login100-form-logo">
						<i class="zmdi zmdi-flower"></i>
					</span>
                <span class="login100-form-title p-b-34 p-t-27">
						注册用户
					</span>
                <div class="form-group">

                    <div >
                        <div class="wrap-input100 validate-input" data-validate="Enter username">
                            <input class="input100" type="text" name="username" placeholder="用户名">
                            <span class="focus-input100" data-placeholder="&#xf207;"></span>
                        </div>
                    </div>


                    <div >
                        <div class="wrap-input100 validate-input" data-validate="Enter password">
                            <input class="input100" type="password" name="password" placeholder="密码">
                            <span class="focus-input100" data-placeholder="&#xf191;"></span>
                        </div>
                    </div>
                    <div >
                        <div class="wrap-input100 validate-input" data-validate="Enter password again">
                            <input class="input100" type="password" name="pass2" placeholder="确认密码">
                            <span class="focus-input100" data-placeholder="&#xf191;"></span>
                        </div>
                    </div>
                </div>

                <div class="container-login100-form-btn">
                    <button type="submit" class="login100-form-btn">
                        注册
                    </button>
                </div>
                <!--如果存在错误信息就显示-->
                <div class="text-center">
                    <p style="color: #0cc745" th:text="${registerSuccess}" th:if="${not #strings.isEmpty(registerSuccess)}"></p>
                    <p style="color: red" th:text="${registerError}" th:if="${not #strings.isEmpty(registerError)}"></p>
                </div>

                <div class="text-center p-t-90">
                    <a class="txt1" th:href="@{/login}">
                        你已经拥有了一个账户?
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- start js include path -->
<script th:src="@{/assets/plugins/jquery/jquery.min.js}"></script>
<!-- bootstrap -->
<script th:src="@{/assets/plugins/bootstrap/js/bootstrap.min.js}"></script>
<script th:src="@{/assets/js/pages/extra_pages/login.js}"></script>
<!-- end js include path -->
</body>
</html>
